<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="${path}/plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
    <title>订单确认</title>


    <style>

        #BS a:hover{
                color: red;
        }

    </style>

</head>
<body>
        <!-- 导航begin -->
        <%@ include file="../common/nav.jsp" %>
        <!-- 导航end -->
        
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-7" style="margin-left: 100px; margin-top:40px; border: 1px;">
                        <table class="table">
                            <caption style="background-color:rgb(182, 182, 182);color: black; height:50px; padding-top: 16px;padding-bottom: 0px;padding-left: 10px;">配送至:</caption>
                            <tr class="active">
                                <td style="border: 0px; background-color: white;"></td>
                                <td style="border: 0px;padding-left: 26px;background-color: white;">收货人:<input></td>
                                </tr>
                            <tr>
                                <td style="border: 0px;"></td>
                                <td style="border: 0px;padding-left: 12px;">选择地区:
                                    <select style="height: 22px;">
                                    <option value="">--请选择--</option>
                                    <option value="">钟楼区</option>
                                    <option value="">新北区</option>
                                    <option value="">武进区</option>
                                </select>
                                <select style="height: 22px;">
                                    <option value="">--请选择--</option>
                                    <option value="">钟楼区</option>
                                    <option value="">新北区</option>
                                    <option value="">武进区</option>
                                </select>
                                <select style="height: 22px;">
                                    <option value="">--请选择---</option>
                                    <option value="">钟楼区</option>
                                    <option value="">新北区</option>
                                    <option value="">武进区</option>
                                </select>
                            </tr>
                            <tr>
                                <td style="border: 0px;"></td>
                                <td style="border: 0px;padding-left:12px ;">详细地址:<input></td>
                                </tr>
                            <tr>
                                <td style="border: 0px;"></td>
                                <td style="border: 0px;padding-left: 40px;">手机:<input></td>
                                </tr>
                            <tr>
                                <td style="border: 0px;"></td>
                                <td style="border: 0px;padding-left: 40px;">电话:<input> - <input></td>
                                </tr>
                            <tr>
                                <td style="border: 0px;"></td>
                                <td style="border: 0px;padding-left: 12px;">邮政编码:<input></td>
                                </tr>
                            <tr>
                                <td style="border: 0px;"></td>
                                <td style="border: 0px;padding-left: 12px;">默认地址:
                                    <select style="height: 22px;width: 60px;">
                                    <option value="">是</option>
                                    <option value="">是</option>
                                    <option value="">否</option>
                                </select></td>
                                </tr>    
                            </tbody>
                        </table>   
                    <button type="button" style="margin-left: 110px;width: 128px;height: 36px;
                             color: white; border: 0px; background-color:red;font-size: 18px;font-weight: bold;" >保存地址</button>
                           <button type="button" style="margin-left:40px;width:110px;height: 36px;
                           color: white; border: 0px; background-color:#999;font-size: 18px;" >关闭编辑</button>
                 </div>
            <div class="col-md-4">
                    <img style="height: 350px; width: 350px; margin-top: 50px; "  src="${path}/imgs/HUAWEI Mate 30 Pro 5G.jpg" alt="" srcset="">
             </div>
            </div>
            <div class="row">
            <div class="col-md-7" style="margin-left:115px; margin-top:40px; border: 1px;">
                <table class="table">
                    <caption style="background-color:rgb(182,182,182);color: black; height:50px; padding-top: 16px;
                    padding-bottom: 0px;padding-left: 10px;">支付及快递:</caption>
                    <tr class="active">
                        <td style="border: 0px; background-color: white;"></td>
                        <td style="border: 0px;padding-left: 0px;background-color: white;">快递方式:<button type="button" style="margin-left: 10px;
                        width: 100px;height: 32px; color: red;
                            border: solid 1px red;background-color: white;">顺丰快递</td>
                        </tr>
                    <tr>
                        <td style="border: 0px;"></td>
                        <td style="border: 0px;padding-left: 0px;">收货时间:
                            <button type="button" style="margin-left: 6px;
                        width: 100px;height: 32px; color: red;
                            border: solid 1px red;background-color: white;">周一至周日
                            </button>
                            <button type="button" style="margin-left: 10px;
                            width: 100px;height: 32px; color: red;
                                border: solid 1px red;background-color: white;">周一至周五
                                </button>
                                <button type="button" style="margin-left: 10px;
                                width: 100px;height: 32px; color: red;
                                    border: solid 1px red;background-color: rgb(255, 255, 255);">周末
                                </button>
                    </tr>
                </table>
            </div>
            <div class="col-md-4">
                <button type="button" style="margin-left: 110px;width: 128px;height: 36px;
                             color: white; border: 0px; background-color:red;font-size: 18px;font-weight: bold;" >去付款</button>
            </div>
            </div>
            <div class="row">
                <div class="col-md-7" style="margin-left:115px; margin-top:40px; border: 1px;">
                    <table class="table">
                        <caption style="background-color:rgb(182,182,182);color: black; height:50px; padding-top: 16px;
                        padding-bottom: 0px;padding-left: 10px;">商品信息</caption>
                        <tr class="active">
                            <td>
                                商品
                            </td>
                            <td style="border: 0px;padding-left: 400px;padding-right: 0px;width: 500px ;">
                                颜色/尺寸
                            </td>
                            <td style="border: 0px;padding-left: 0px;">
                                数量
                            </td>
                            <td style="border: 0px;padding-left: 50px;">
                                小计
                            </td>
                        </tr>
                        <tr>
                            <td style="border: 0px;padding-left: 10px;"><img src="${path}/imgs/Redmi K30.jpg" style="height: 46px; width: 46px;" alt="">
                            </td>
                        <td style="font-weight: lighter;font-size: 12px;padding-top: 20px;border:0px;"> Redmi K30 现价： ¥1699.00元&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;常规 常规
                        </td>
                        <td style="border: 0px; padding-top: 17px;padding-left: 10px;">
                           1
                        </td>
                        <td style="border: 0px;padding-left: 40px;padding-top: 15px;">
                        ¥ 199.00
                        </td>
                    </tr>
                    </table>
                     <sapn style="margin-left: 20px;">订单备注:</sapn><input type="text" style="margin-left: 5px;width: 250px;" placeholder="请输入购买需求详细说明(限45字)" style="width: 500px;">
                </div>
            </div>


            <%@ include file="../common/footer.jsp" %>
        <script src="${path}/plugins/jquery/jquery.min.js"></script>
        <script src="${path}/plugins/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
 
        <script>
            $('#myCarousel').carousel({
                interval: 2000
            })
        </script>


</body>
</html>